<template>
    <div class="wf-chart" :id="chartId"></div>
</template>

<script>
export default {
    name: "wfChart",
    props: {
        chartId: {
            type: String,
            default: "bar"
        }
    },
    data() {
        return {
            msg: ""
        };
    },
    computed: {},
    methods: {}
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.wf-chart {
    width: 100%;
    height: 100%;
    position: relative;
}
</style>
